#docShare {
    @include flexbox();
    @include flex-direction(column);
    height: 100%;
    background: rgba(246,246,246,1);
    header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
        i {
            width: 30px;
            background: url(image/icon_return.png) no-repeat center;
            background-size: 100%;
        }
        div {
            @include flex();
            text-align: center;
            margin-right: 30px;
            font-size: 18px;
            color: rgba(51,51,51,1);
        }
    }
    div.content {
        @include flex();
        width: 100%;
        padding: 0 20px;
        margin-top: 10px;
        background: #fff;
        .tip {
           width: 340px;
           height: 258px;
           padding-top: 40px;
           margin: auto;
           background: url(image/bg_time_instructions@2x.png) no-repeat center;
           background-size: 100%;
           h3 {
               font-size: 29px;
               color: rgba(51,51,51,1);
               text-align: center;
           }
           div {
               padding: 10px 34px 0;
               font-size: 16px;
               color: rgba(51,51,51,1);
           }
        }
        img {
            display: block;
            margin: 40px auto 0;
        }
        p {
            padding-top: 13px;
            color: rgba(51,51,51,1);
            font-size: 17px;
        }
        a.share {
            display: block;
            margin: auto;
            width: 138px;
            height: 35px;
            line-height: 35px;
            border-radius: 20px;
            margin-top: 30px;
            background: rgb(229,50,45);
            font-size: 17px;
            text-align: center;
            color: #fff;
       }
   }
    
}